import Footer from '@/components/Footer';
import {Question} from '@/components/RightContent';
import {getLoginUserUsingGet} from '@/services/apiBackend/userController';
import {LinkOutlined} from '@ant-design/icons';
import {SettingDrawer} from '@ant-design/pro-components';
import type {RunTimeLayoutConfig} from '@umijs/max';
import {history, Link} from '@umijs/max';
import {AvatarDropdown, AvatarName} from './components/RightContent/AvatarDropdown';
import {requestConfig} from './requestConfig';
import defaultSettings from "../config/defaultSettings";
import {InitialState} from "@/typings";

const isDev = process.env.NODE_ENV === 'development';
const loginPath = '/user/login';

/**
 * @see  https://umijs.org/zh-CN/plugins/plugin-initial-state
 * */
export async function getInitialState(): Promise<InitialState>
{
    // @ts-ignore
    const userState: InitialState = {};
    try
    {
        const response: API.BaseResponseUserVO = await getLoginUserUsingGet();
        if (response.data)
        {
            userState.currentUser = response.data;
            userState.settings = defaultSettings;
        }
    }
    catch (error)
    {
        history.push(loginPath);
    }
    return userState;
}

// ProLayout 支持的api https://procomponents.ant.design/components/layout
export const layout: RunTimeLayoutConfig = ({initialState, setInitialState}) =>
{
    return {
        actionsRender: () => [<Question key="doc"/>],
        avatarProps:
            {
            src: initialState?.currentUser?.userAvatar,
            title: <AvatarName/>,
            render: (_, avatarChildren) =>
            {
                return <AvatarDropdown >{avatarChildren}</AvatarDropdown>;
            },
        },
        // waterMarkProps: {
        //     content: initialState?.currentUser?.userName,
        // },
        footerRender: () => <Footer/>,
        onPageChange: () =>
        {
            const {location} = history;
            // 如果没有登录，重定向到 login
            if (!initialState?.currentUser && location.pathname !== loginPath)
            {
                history.push(loginPath);
            }
        },
        layoutBgImgList: [
            {
                src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/D2LWSqNny4sAAAAAAAAAAAAAFl94AQBr',
                left: 85,
                bottom: 100,
                height: '303px',
            },
            {
                src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/C2TWRpJpiC0AAAAAAAAAAAAAFl94AQBr',
                bottom: -68,
                right: -45,
                height: '303px',
            },
            {
                src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/F6vSTbj8KpYAAAAAAAAAAAAAFl94AQBr',
                bottom: 0,
                left: 0,
                width: '331px',
            },
        ],
        links: isDev
            ? [
                <Link key="openapi" to="/umi/plugin/openapi" target="_blank">
                    <LinkOutlined/>
                    <span>OpenAPI 文档</span>
                </Link>,
            ]
            : [],
        menuHeaderRender: undefined,
        // 自定义 403 页面
        // unAccessible: <div>unAccessible</div>,
        // 增加一个 loading 的状态
        childrenRender: (children) =>
        {
            // if (initialState?.loading) return <PageLoading />;
            return (
                <>
                    {children}
                    <SettingDrawer
                        disableUrlParams
                        enableDarkTheme
                        settings={initialState?.settings}
                        onSettingChange={(settings) =>
                        {
                            setInitialState((preInitialState) => ({
                                ...preInitialState,
                                settings,
                            }));
                        }}
                    />
                </>
            );
        },
        ...initialState?.settings,
    };
};

/**
 * @name request 配置，可以配置错误处理
 * 它基于 axios 和 ahooks 的 useRequest 提供了一套统一的网络请求和错误处理方案。
 * @doc https://umijs.org/docs/max/request#配置
 */
export const request = requestConfig;
